.login_pop {
    position: fixed; height: 100%; width: 100%; top: -0rem; left: -0rem; z-index: 100; background: rgba(0, 0, 0, .6);
    display: flex; justify-content: center; align-items: center;
    @-webkit-keyframes zoomIn {
        from {
            opacity: 0; -webkit-transform: scale(.3);
        }
        to {
            opacity: 1;
        }
    }
    .animated {
        -webkit-animation-duration: 0.5s; 
        -webkit-animation-fill-mode: both; 
        -webkit-animation-name: zoomIn;
    }
    .login {
        width: 90%; height: auto; background: #fff; border-radius: .1rem; color: rgb(50, 50, 51);
        h1 {
            padding: 0.2rem; font-size: 0.4rem; font-weight: 700; margin-bottom: 0.4rem;
        }
        .content {
            padding: 0 0.4rem;
            .item {
                color: #646566; font-size: 0.24rem; display: flex; align-items: center; @include border-1px(bottom, rgba(63, 63, 63, .3));
                margin: 0 auto 0.4rem auto; padding-bottom: 0.1rem;
                .label {
                    width: 1.2rem; text-align: right; margin-right: 0.2rem;
                }
                input {
                    border: none; outline: none; flex: 1; height: 0.5rem;
                }
                .btn {
                    margin-right: 0.05rem;
                }
            }
        }
        .btn_box {
            display: flex; text-align: center;
            .submit, .cancel {
                width: 50%; font-size: 0.3rem; padding: 0.3rem 0;
                &.submit {
                    color: #ee0a24;
                }
            }
        }
    }
}

@media screen and (max-height:500px){
  @media screen and (orientation:landscape) {
    .login_pop .login{
      width: 50%
    }
  }
}